<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="李彩霞">
    <title>小米官网首页</title>
    <link href="Bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="styleheader4.css">
</head>
<body>
 <div class="header-all">  
    <img src="服务/登录/images/sl.png" alt="">
    <div class="middle">
        <img src="服务/登录/images/xmzh.png" alt=""><br>
        <span>小米账号登录</span>
    </div>
    <div class="a-middle">

        <input type="text" placeholder="邮箱/手机号码/小米账号">
        <hr>
        <input type="text" placeholder="密码"> 
        <img src="服务/登录/images/eye.png" alt="">
   </div>
 <div class="middle-button">
     立即登录
 </div>
<div class="middle-else">
    ·················其它方式登录·················
</div>
<div class="middle-picture">
    <ul>
        <li><img src="服务/登录/images/QQ.png" alt=""></li>
        <li><img src="服务/登录/images/weibo.png" alt=""></li>
        <li><img src="服务/登录/images/pay.png" alt=""></li>
    </ul>
</div>
<div class="middle-footer">
    <div class="middle-footer-left">注册小米账号</div>
    <div class="middle-footer-right">忘记密码？</div>
</div>
<footer>
    <ul>
        <li><strong>简体</strong></li>
        <li>繁体</li>
        <li>English</li>
        <li>常见问题</li>
    </ul>
    <div class="clear"></div>
</footer>

<div class="a-footer">
    小米公司版权所有-京ICP备10046444- <img src="服务/登录/images/ghs.png" alt="">京公网安备<br>
    11010802020134号-京ICP证110507号
</div>
 </div>
  <script src="Bootstrap/js/jquery-3.1.1.min.js"></script>
  <script src="Bootstrap/js/bootstrap.min.js"></script>
</body>

</html>